<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./huawei.css">
</head>

<body>
    <!-- 版头 -->
    <div class=" title wrapper">
        <div class="footer-left">
            <a href="#" class="footer-link">华为官网</a>|
            <a href="#" class="footer-link">荣耀官网</a>|
            <a href="#" class="footer-link">软件应用 V </a>|
            <a href="#" class="footer-link">花粉俱乐部</a>|
            <a href="#" class="footer-link">Select Region</a>
        </div>
        <div class="footer-right">
            <a href="#" class="footer-link11">登录 </a>
            <a href="#" class="footer-link11">注册 </a>
            <a href="#" class="footer-link1">我的订单 </a>|
            <a href="#" class="footer-link1">V码(优购码) </a>|
            <a href="#" class="footer-link1">手机版</a>|
            <a href="#" class="footer-link1"> 网站导航 V </a>
        </div>
    </div>
    <!--  华为专区标题  -->
    <div class="title2 wrapper">
        <div class="tit">
            <img src="./images/logo.huawei.png" alt="">
            <p>商城首页</p>
        </div>

        <div class="wm">
            <img class="code" src="./images/qrcode_vmall_app01.png" alt="">
            <p>微信关注我们</p>
        </div>
    </div>
    <!--  中间背景图   -->
    <div class="banner">
        <ul class="bg">
            <li><a href="#"><img src="./images/2017042210305530.jpg" alt=""></a></li>
        </ul>
        <!-- 分类导航去区域 -->
        <div class="nav ">
            <ul class="nav-list">
                <li><a href="#"> 华为专区</a></li>
                <li><a href="#">HUAWEI P10</a></li>
                <li><a href="#">HUAWEI MATE9</a></li>
                <li><a href="#">HUAWEI Nova</a></li>
                <li><a href="#">华为畅享6S</a></li>
                <li><a href="#">荣耀专区</a></li>
            </ul>
        </div>

        <!-- 左侧导航栏 -->
        <div class="subnav wrapper">
            <ul>
                <li>
                    <div><a href="#" class="all">全部商品</a></div>
                </li>
                <li>
                    <div><a href="#" class="phone">手机</a>
                        <div>HUAWEI MATE系列</div>
                    </div>
                </li>
                <li>
                    <div><a href="#" class="pad">平板</a>
                        <div>平板电脑 手环/手表</div>
                    </div>
                </li>
                <li>
                    <div><a href="#" class="pad">笔记本电脑</a></div>
                </li>
                <li>
                    <div><a href="#" class="smart">智能家居</a>
                        <div>子母路由 电力猫 路由器</div>
                    </div>
                </li>
                <li>
                    <div><a href="#" class="own">专属配件</a>
                        <div>贴膜 保护壳 保护套</div>
                    </div>
                </li>
                <li>
                    <div><a href="#" class="com">通用配件</a>
                        <div>耳机 音响</div>
                    </div>
                </li>

            </ul>

        </div>
        <!-- 原点指示器 -->
        <ol class="current">
            <li><i>
                    <p>1</p>
                </i></li>
            <li><i>
                    <p>2</p>
                </i></li>
            <li><i>
                    <p>3</p>
                </i></li>
            <li><i>
                    <p>4</p>
                </i></li>
            <li><i>
                    <p>5</p>
                </i></li>
            <li><i>
                    <p>6</p>
                </i></li>
            <li><i>
                    <p>7</p>
                </i></li>

        </ol>

    </div>
    <!-- 商品1 -->
    <div class="goods wrapper">
        <span><img src="./images/2017031017165551.jpg" alt=""></span>
        <span><img src="./images/20170310090516264.jpg" alt=""></span>
        <span><img src="./images/20170310105644358.jpg" alt=""></span>
        <span><img src="./images/20170310090516264.jpg" alt=""></span>
    </div>
    <div>
        <!-- 手机2  -->
        <div class="good wrapper">
            <div class="phone">
                <p class="text1">HUAWEI P10</p>
                <p class="text1">Plus</p>
                <p class="text3">金属雕刻工艺</p>
                <span>¥4388</span>
                <img src="./images/1489161234073.png" alt="">
            </div>
            <!-- 手机  -->
            <div class="phone">
                <p class="text1">HUAWEI P10</p>
                <p class="text1">Plus</p>
                <p class="text3">金属雕刻工艺</p>
                <span>¥4388</span>
                <img src="./images/1491476650727.png" width="80px">
            </div>
            <!-- 手机  -->
            <div class="phone">
                <p class="text1">HUAWEI P10</p>
                <p class="text1">Plus</p>
                <p class="text3">金属雕刻工艺</p>
                <span>¥4388</span>
                <img src="./images/1484219138436.png" alt="">
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="bottom wrapper">
        <ul>
            <p></p>
            <a>500强企业 品质保证</a>
        </ul>
        <ul>
            <p></p>
            <a>7天无理由</a>
        </ul>
        <ul>
            <p></p>
            <a>99包邮</a>
        </ul>
        <ul>
            <p></p>
            <a>448家维修</a>
        </ul>
    </div>
    <!-- 帮助中心 -->
    <div class="help wrapper">
        <!-- 1 -->
        <dl>
           <div class="aaa">
            <p></p>
            <dt>帮助中心</dt>
           </div>
            <dd><a href="#">购物指南</a></dd>
            <dd><a href="#">配送方式</a></dd>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见问题</a></dd>
        </dl>
        <!-- 2 -->
        <dl>
            <div class="aaa">
                <p></p>
                <dt>帮助中心</dt>
               </div>
            <dd><a href="#">购物指南</a></dd>
            <dd><a href="#">配送方式</a></dd>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见问题</a></dd>
        </dl>
        <!-- 3 -->
        <dl>
            <div class="aaa">
                <p></p>
                <dt>帮助中心</dt>
               </div>
            <dd><a href="#">购物指南</a></dd>
            <dd><a href="#">配送方式</a></dd>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见问题</a></dd>
        </dl>
        <!-- 4 -->
        <dl>
            <div class="aaa">
                <p></p>
                <dt>帮助中心</dt>
               </div>
            <dd><a href="#">购物指南</a></dd>
            <dd><a href="#">配送方式</a></dd>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见问题</a></dd>
        </dl>
        <!-- 5 -->
        <dl>
            <div class="aaa">
                <p></p>
                <dt>帮助中心</dt>
               </div>
            <dd><a href="#">购物指南</a></dd>
            <dd><a href="#">配送方式</a></dd>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见问题</a></dd>
        </dl>
    </div>
    <hr>
    <!-- ----------------- -->
  <!-- 版权 -->
<!-- 1 -->
<div class="footer wrapper">
 <div>
     友情链接: |华为官网|华为消费者业务|荣耀官网| 花粉俱乐部| 莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 中商情报网 | 刷机精灵 | 华为手机 | 优购物官网 | 智能电视 | UC浏览器 |
     中关村商城 | 酷狗音乐 | 华为商城手机版 | 百信手机网 | 卡宝宝网 | 多特软件下载 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 | 拍鞋网商城 | 欧宝丽珠宝 | 寻购网 | 亿智蘑菇 | 安卓市场 |
     阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 | 电子产品世界 | 历趣网 | 网购返利 | Apple110 | 91手机门户网 | 移动叔叔 | 奥特莱斯 | 荣耀Magic | 携程租车 | 
     <a href=" ">申请链接>></a >
 </div>
</div>
<!-- 2 -->
<div class="footer-info wrapper">
 <div class="footer-info-left">
 
   <p>隐私政策 服务协议 Copyright © 2012 - 2017 VMALL.COM 版权所有 保留一切权利</p >
 </div>
</div>
<!-- 3 -->
<div class=" footer-a wrapper">
<img src="./images/20160226162651249.png" alt="">
<p> 苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 网络文化经营许可证 ：苏网文[2015] 1599-026号</p >
</div>
<!-- 4 -->
<div class="footer-b wrapper">
 <img src="./images/20161224180914742.jpg" alt="">
 <img src="./images/20160226162415360.png" alt="">
 <img src="./images/20160226162521265.png" alt="">
 <img src="./images/20160226162531395.png" alt="">
</div>

</body>

</html>